﻿@using Cherry.Agile.UI.Framework;

<div class="navbar-container" id="navbar-container">
<div class="navbar-header pull-left">
    <a href="#" class="navbar-brand">
        <small>
            <i class="icon-leaf"></i>
            Agile后台管理系统
        </small>
    </a><!-- /.brand -->
</div><!-- /.navbar-header -->
<div class="navbar-header pull-right" role="navigation">
    <ul class="nav ace-nav">
        <li class="grey">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <i class="icon-tasks"></i>
                <span class="badge badge-grey">4</span>
            </a>

            <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                <li class="dropdown-header">
                    <i class="icon-ok"></i>
                    还有4个任务完成
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">软件更新</span>
                            <span class="pull-right">65%</span>
                        </div>

                        <div class="progress progress-mini ">
                            <div style="width:65%" class="progress-bar "></div>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">硬件更新</span>
                            <span class="pull-right">35%</span>
                        </div>

                        <div class="progress progress-mini ">
                            <div style="width:35%" class="progress-bar progress-bar-danger"></div>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">单元测试</span>
                            <span class="pull-right">15%</span>
                        </div>

                        <div class="progress progress-mini ">
                            <div style="width:15%" class="progress-bar progress-bar-warning"></div>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">错误修复</span>
                            <span class="pull-right">90%</span>
                        </div>

                        <div class="progress progress-mini progress-striped active">
                            <div style="width:90%" class="progress-bar progress-bar-success"></div>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        查看任务详情
                        <i class="icon-arrow-right"></i>
                    </a>
                </li>
            </ul>
        </li>

        <li class="purple">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <i class="icon-bell-alt icon-animated-bell"></i>
                <span class="badge badge-important">8</span>
            </a>

            <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
                <li class="dropdown-header">
                    <i class="icon-warning-sign"></i>
                    8条通知
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">
                                <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
                                新闻评论
                            </span>
                            <span class="pull-right badge badge-info">+12</span>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <i class="btn btn-xs btn-primary icon-user"></i>
                        切换为编辑登录..
                    </a>
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">
                                <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
                                新订单
                            </span>
                            <span class="pull-right badge badge-success">+8</span>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <div class="clearfix">
                            <span class="pull-left">
                                <i class="btn btn-xs no-hover btn-info icon-twitter"></i>
                                粉丝
                            </span>
                            <span class="pull-right badge badge-info">+11</span>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="#">
                        查看所有通知
                        <i class="icon-arrow-right"></i>
                    </a>
                </li>
            </ul>
        </li>

        <li class="green">
            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                <i class="icon-envelope icon-animated-vertical"></i>
                <span class="badge badge-success">5</span>
            </a>

            <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
                <li class="dropdown-header">
                    <i class="icon-envelope-alt"></i>
                    5条消息
                </li>

                <li>
                    <a href="#">
                        <img src="assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
                        <span class="msg-body">
                            <span class="msg-title">
                                <span class="blue">Alex:</span>
                                不知道写啥 ...
                            </span>

                            <span class="msg-time">
                                <i class="icon-time"></i>
                                <span>1分钟以前</span>
                            </span>
                        </span>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <img src="assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
                        <span class="msg-body">
                            <span class="msg-title">
                                <span class="blue">Susan:</span>
                                不知道翻译...
                            </span>

                            <span class="msg-time">
                                <i class="icon-time"></i>
                                <span>20分钟以前</span>
                            </span>
                        </span>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <img src="assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
                        <span class="msg-body">
                            <span class="msg-title">
                                <span class="blue">Bob:</span>
                                到底是不是英文 ...
                            </span>

                            <span class="msg-time">
                                <i class="icon-time"></i>
                                <span>下午3:15</span>
                            </span>
                        </span>
                    </a>
                </li>

                <li>
                    <a href="inbox.html">
                        查看所有消息
                        <i class="icon-arrow-right"></i>
                    </a>
                </li>
            </ul>
        </li>

        <li class="light-blue">
            <a data-toggle="dropdown" href="#" class="dropdown-toggle">
                <img class="nav-user-photo" src="@Url.StaticFile("/assets/avatars/user.jpg")" alt="Jason's Photo" />
                <span class="user-info">
                    <small>欢迎光临,</small>
                    Jason
                </span>

                <i class="icon-caret-down"></i>
            </a>

            <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
                <li>
                    <a href="#">
                        <i class="icon-cog"></i>
                        设置
                    </a>
                </li>

                <li>
                    <a href="#">
                        <i class="icon-user"></i>
                        个人资料
                    </a>
                </li>

                <li class="divider"></li>

                <li>
                    <a href="@Url.Action("SignOut")">
                        <i class="icon-off"></i>
                        退出
                    </a>
                    @*@Html.ActionLink("退出", "SignOut", null, new { @class = "icon-off" })*@
                ></li>
            </ul>
        </li>
    </ul><!-- /.ace-nav -->
</div><!-- /.navbar-header -->
</div><!-- /.container -->

